<template>
    <div id="app">
        <el-container>
            <el-aside width="80px">
                <aside-menu></aside-menu>
            </el-aside>
            <el-main>
                <router-view></router-view>
            </el-main>
            <el-aside width="280px">
                <aside-body></aside-body>
            </el-aside>
        </el-container>
    </div>
</template>

<script>
import AsideMenu from '@/components/AsideMenu.vue';
import AsideBody from '@/components/AsideBody.vue';
export default {
    name: 'App',
    components: { AsideMenu, AsideBody },
};
</script>

<style scoped>
.el-container {
    height: 100vh;
}

.el-main {
    padding: 5px;
}
</style>